<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/consult.css" />
    <link rel="stylesheet" type="text/css" href="css/animation.css" />
    <link rel="stylesheet" type="text/css" href="css/button.css" />
    <link rel="stylesheet" type="text/css" href="css/login.css" />
    <title>咨询</title>



</head>
<style>

</style>



<body>
    <div class="web">
            <header>
                                <section><img src="images/logo_03.jpg"></section>
                                <section><img src="images/logo.jpg"></section>
                                <nav class="btn_nav">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </nav>
                                <ul class="nav">
                                        <li><a href="index.html">首页</a></li>
                                        <li><a href="video.html">视频</a></li>
                                        <li><a href="fun.html">功能</a></li>
                                        <li class="border_san"><a href="consult.html">咨询</a></li>
                                        <li><a href="actor.html">名伶</a></li>
                                        <li class="toggle_btn">登录</li>
                                </ul>
            </header>
            <section class="banner">
                    <img src="images/zxbanner_02.jpg">
                    <article class="banner_content">
                                <h1>你穿过高大上的戏服，尝试过戏内的华丽妆容吗？</h1>
                                <p>现在就来感受一下，我们的线下活动，详情请点击我们下方的按钮</p>
                                <a href="#maodian">活动内容</a>
                    </article>
            </section>
            <h3 id="maodian">活动与演出</h3>
            <div class="line">
            <span class="hd">活动activity</span>
            <span class="yc">演出</span>
            </div>
            <article class="middle_content">
                   
                    <section class="l_content">
                           
                           <section class="l_left">
                               <div class="imgbox">
                                    <img src="images/zx1_05.jpg">
                               </div>
                               <span>2019 04 23</span>  
                               <h1>线下化妆活动，帮助群众画出粤剧<br>
                                    角色的妆容，活动将在广州番禺举行</h1>  
                                <p>
                                    活动将在广州番禺举行1周，欢迎各位喜欢粤剧和化妆的朋友来参加，我们分布
                                    了30多位具有丰厚经验的粤剧化妆人员。无论你想画生旦净末丑中的哪个妆，我
                                    们都可以满足你。期待你的到来。
                                </p>
                                    
                           </section>
                           <aside class="l_right">
                                <div class="imgbox">
                                        <img src="images/zx2_05.jpg">
                                </div>
                                <span>2019 04 23</span> 
                                <h3>活动前预热，看看化妆人员的试妆能力，每<br>
                                    个妆都经过设计加工完成</h3>

                                <div class="imgbox">
                                        <img src="images/zx3_08.jpg">
                                </div>
                                <span>2019 04 23</span> 
                                <h3>活动前预热，看看化妆人员的试妆能力，每<br>
                                    个妆都经过设计加工完成</h3>
                           </aside>
                    </section>
                    <aside class="r_content">
                            <span>2019 03 29</span>
                            <h3>
                                    中国戏剧院《帝女花》<br>
                                    ￥ 70
                            </h3>
                            <span>2019 03 05</span>
                            <h3>
                                    广州戏剧院《紫玉钗》<br>
                                    ￥ 60
                            </h3>
                            <span>2019 04 08</span>
                            <h3>中国戏剧院 《分飞燕》<br>
                                    ￥ 68</h3>
                            <div class="imgbox">
                                    <img src="images/zx4_09.jpg">
                            </div>
                    </aside>
            </article>
      
           <footer>
                <img src="images/footer_02.jpg">
                <aside>
                    <p>意见反馈 & 让我们变得更好</p>
                    <input type="text">
                    <span>sumbit</span> 
                </aside> 
           </footer>
    </div>
    <!--登录-->
    <div class="login">
                <article>
                        <section class="login_left">
                                <img src="images/dl_03.jpg">
                        </section>
                         <form class="login_right login_box">
                                <h3>登录</h3>
                                <input type="text" placeholder="请输入用户名/手机号" required>
                                <input type="password" placeholder="请输入密码" required minlength="8" maxlength="15" required/><br>
                                <input type="submit" value="确认登录">
                                <p>还没注册？去<span class="reg_btn">注册</span></p>
                        </form> 
                        <form class="login_right register">
                            <h3>注册</h3>
                            <input type="text" placeholder="请输入手机号注册" required>
                            <input  placeholder="请输入密码"  type="password" minlength="8" maxlength="15" required/><br>
                            <input  placeholder="请确认密码"  type="password" minlength="8" maxlength="15" required/><br>
                            <input type="submit" value="确认注册">
                            <p>注册完成？去<span class="login_btn">登录</span></p>
                    </form>
                </article>
                <span class="back">返回</span>
        </div>
</body>
<script src="js/response.js"></script>
<script src="js/logres.js"></script>
<script src="js/nav.js"></script>
 

<script>

        
</script>

</html>